<!DOCTYPE html>
<html lang="zh-cmn-Hans"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
    <script src="js/bootstrap.min.js" charset="UTF-8"></script>
    <script src="js/swiper.min.js" type="text/javascript" charset="UTF-8"></script>
    <script src="js/global.js" charset="UTF-8"></script>
    <script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
    <script type="text/javascript" src="/webjars/vue/2.6.10/dist/vue.js"></script>
    <script src="/webjars/axios/0.19.0/dist/axios.js" type="text/javascript"></script>
    <title>U袋网</title>
</head>
<body>
<div id="vuebox">
<!-- 顶部tab -->
<div class="tab-header">
    <div class="inner">
        <div class="pull-left">
            <div class="pull-left">嗨 <span sec:authentication="name"></span>
                ，欢迎来到<span class="cr">U袋网</span></div>
            <a href="agent_level.html">网店代销</a>
            <a href="temp_article/udai_article4.html">帮助中心</a>
        </div>
        <div class="pull-right">
            <a href="login.html"><span class="cr">登录</span></a>
<!--            <a href="login.html?p=register">注册</a>-->
            <a href="/register?p=register">注册</a>
            <a href="udai_welcome.html">我的U袋</a>
            <a href="udai_order.html">我的订单</a>
            <a href="udai_integral.html">积分平台</a>
        </div>
    </div>
</div>
<!-- 搜索栏 -->
<div class="top-search">
    <div class="inner">
        <a class="logo" href="index.html"><img src="images/icons/logo.jpg" alt="U袋网" class="cover"></a>
        <div class="search-box">
            <form class="input-group">
                <input placeholder="Ta们都在搜U袋网" type="text">
                <span class="input-group-btn">
						<button type="button">
							<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
						</button>
					</span>
            </form>
            <p class="help-block text-nowrap">
                <a href="">连衣裙</a>
                <a href="">裤</a>
                <a href="">衬衫</a>
                <a href="">T恤</a>
                <a href="">女包</a>
                <a href="">家居服</a>
                <a href="">2017新款</a>
            </p>
        </div>
        <div class="cart-box">
            <a href="udai_shopcart.html" class="cart-but">
                <i class="iconfont icon-shopcart cr fz16"></i> 购物车 0 件
            </a>
        </div>
    </div>
</div>
<!-- 首页导航栏 -->
<div class="top-nav bg3">
    <div class="nav-box inner">
        <div class="all-cat">
            <div class="title"><i class="iconfont icon-menu"></i> 全部分类</div>
            <div class="cat-list__box">
                <div class="cat-box">
                    <div class="title">
                        <i class="iconfont icon-skirt ce"></i> 女装
                    </div>
                    <ul class="cat-list clearfix">
                        <li v-for="item in womenProtypes.level2">{{item.proname}}</li>
                    </ul>
                    <div class="cat-list__deploy">
                        <div class="deploy-box">
                            <div v-for="(item,index) in womenProtypes.level3" class="genre-box clearfix">
                                <div class="genre-box clearfix" v-for="(i,index) in item">
                                    <span class="title">{{index}}：</span>
                                    <div class="genre-list">
                                        <a href="#"  v-for="a in i">{{a}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cat-box">
                    <div class="title">
                        <i class="iconfont icon-fushi ce"></i> 男装
                    </div>
                    <ul class="cat-list clearfix">
                        <li v-for="item in menProtypes.level2">{{item.proname}}</li>
                    </ul>
                    <div class="cat-list__deploy">
                        <div class="deploy-box">
                            <div v-for="(item,index) in menProtypes.level3" class="genre-box clearfix">
                                <div class="genre-box clearfix" v-for="(i,index) in item">
                                    <span class="title">{{index}}：</span>
                                    <div class="genre-list">
                                        <a href="#"  v-for="a in i">{{a}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cat-box">
                    <div class="title">
                        <i class="iconfont icon-bao ce"></i> 包包
                    </div>
                    <ul class="cat-list clearfix">
                        <li v-for="item in bagProtypes.level2">{{item.proname}}</li>
                    </ul>
                    <div class="cat-list__deploy">
                        <div class="deploy-box">

                            <div v-for="(item,index) in bagProtypes.level3" class="genre-box clearfix">
                                <div class="genre-box clearfix" v-for="(i,index) in item">
                                    <span class="title">{{index}}：</span>
                                    <div class="genre-list">
                                        <a href="#"  v-for="a in i">{{a}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cat-box">
                    <div class="title">
                        <i class="iconfont icon-kid ce"></i> 童装
                    </div>
                    <ul class="cat-list clearfix">
                        <li v-for="item in childrenProtypes.level2">{{item.proname}}</li>
                    </ul>
                    <div class="cat-list__deploy">
                        <div class="deploy-box">
                            <div v-for="(item,index) in childrenProtypes.level3" class="genre-box clearfix">
                                <div class="genre-box clearfix" v-for="(i,index) in item">
                                    <span class="title">{{index}}：</span>
                                    <div class="genre-list">
                                        <a href="#"  v-for="a in i">{{a}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cat-box">
                    <div class="title">
                        <i class="iconfont icon-shoes ce"></i> 鞋靴
                    </div>
                    <ul class="cat-list clearfix">
                        <li v-for="item in shoesProtypes.level2">{{item.proname}}</li>
                    </ul>
                    <div class="cat-list__deploy">
                        <div class="deploy-box">
                            <div v-for="(item,index) in shoesProtypes.level3" class="genre-box clearfix">
                                <div class="genre-box clearfix" v-for="(i,index) in item">
                                    <span class="title">{{index}}：</span>
                                    <div class="genre-list">
                                        <a href="#"  v-for="a in i">{{a}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <ul class="nva-list">
            <a href="index.html"><li class="active">首页</li></a>
            <a href="temp_article/udai_article10.html"><li>企业简介</li></a>
            <a href="temp_article/udai_article5.html"><li>新手上路</li></a>
            <a href="class_room.html"><li>U袋学堂</li></a>
            <a href="enterprise_id.html"><li>企业账号</li></a>
            <a href="udai_contract.html"><li>诚信合约</li></a>
            <a href="item_remove.html"><li>实时下架</li></a>
        </ul>
        <div class="user-info__box">
            <div class="login-box">
                <div class="avt-port">
                    <img src="images/icons/default_avt.png" alt="欢迎来到U袋网" class="cover b-r50">
                </div>
                <!-- 已登录 -->
                <div class="name c6">Hi~ <!--<span class="cr">18759808122</span>-->
                    <span sec:authentication="name"></span>
                </div>
                <div class="point c6">积分: 30</div>

                <!-- 未登录 -->
                <!-- <div class="name c6">Hi~ 你好</div>
                <div class="point c6"><a href="">点此登录</a>，发现更多精彩</div> -->
                <div class="report-box">
                    <span class="badge">+30</span>
                    <a class="btn btn-info btn-block disabled" href="#" role="button">已签到1天</a>
                    <!-- <a class="btn btn-primary btn-block" href="#" role="button">签到领积分</a> -->
                </div>
            </div>
            <div class="agent-box">
                <a href="#" class="agent">
                    <i class="iconfont icon-fushi"></i>
                    <p>申请网店代销</p>
                </a>
                <a href="javascript:;" class="agent">
                    <i class="iconfont icon-agent"></i>
                    <p><span class="cr">9527</span>位代销商</p>
                </a>
            </div>
            <div class="verify-qq">
                <div class="title">
                    <i class="fake"></i>
                    <span class="fz12">真假QQ客服验证-远离骗子</span>
                </div>
                <form class="input-group">
                    <input class="form-control" placeholder="输入客服QQ号码" type="text">
                    <span class="input-group-btn">
							<button class="btn btn-primary submit" id="verifyqq" type="button">验证</button>
						</span>
                </form>

            </div>
            <div class="tags">
                <div class="tag"><i class="iconfont icon-real fz16"></i> 品牌正品</div>
                <div class="tag"><i class="iconfont icon-credit fz16"></i> 信誉认证</div>
                <div class="tag"><i class="iconfont icon-speed fz16"></i> 当天发货</div>
                <div class="tag"><i class="iconfont icon-tick fz16"></i> 人工质检</div>
            </div>
        </div>
    </div>
</div>
<!-- 顶部轮播 -->
<div  class="swiper-container banner-box">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="item_show.html"><img src="images/temp/banner_1.jpg" class="cover"></a></div>
        <div class="swiper-slide"><a href="item_show.html"><img src="images/temp/banner_2.jpg" class="cover"></a></div>
        <div class="swiper-slide"><a href="item_category.html"><img src="images/temp/banner_3.jpg" class="cover"></a></div>
        <div class="swiper-slide"><a href="item_show.html"><img src="images/temp/banner_4.jpg" class="cover"></a></div>
        <div class="swiper-slide"><a href="item_sale_page.html"><img src="images/temp/banner_5.jpg" class="cover"></a></div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<!-- 首页楼层导航  左边 -->
<nav class="floor-nav visible-lg-block">
    <span class="scroll-nav active">爆款推荐</span>
    <span class="scroll-nav">女装</span>
    <span class="scroll-nav">男装</span>
    <span class="scroll-nav">活力童装</span>
    <span class="scroll-nav">时尚包包</span>
    <span class="scroll-nav">鞋靴</span>
</nav>
<!-- 楼层内容 -->
<div class="content inner" style="margin-bottom: 40px;">
    <section class="scroll-floor floor-1 clearfix">
        <div class="pull-left">
            <div class="floor-title">
                <i class="iconfont icon-tuijian fz16"></i> 爆款推荐
                <a href="" class="more"><i class="iconfont icon-more"></i></a>
            </div>
            
            <div class="con-box">
                <a class="left-img hot-img" href="">
                    <img src="images/floor_1.jpg" alt="" class="cover">
                </a>
                <div class="right-box hot-box">

                    <a v-for="item in hotProductList.list" href="javascript:void(0)" @click="forPro(item.id)" href="javascript:void(0)" class="floor-item">
                        <div class="item-img hot-img">
                            <!--商品图片,以及商品名称-->
                            <img :src="item.imageurl" :alt="item.proname" class="cover">
                        </div>
                        <div class="price clearfix">
                            <!--商品价格-->
                            <span class="pull-left cr fz16">￥{{item.price}}</span>
                            <span class="pull-right c6">进货价</span>
                        </div>
                        <!--商品名称-->
                        <div class="name ep" :title="item.explain">{{item.proname}}</div>
                    </a>
                </div>
            </div>









        </div>
        <div class="pull-right">
            <div class="floor-title">
                <i class="iconfont icon-horn fz16"></i> 平台公告
                <a href="udai_notice.html" class="more"><i class="iconfont icon-more"></i></a>
            </div>
            <div class="con-box">
                <div class="notice-box bgf5">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <a class="swiper-slide ep" href="udai_notice.html">【公告】U袋网平台已上线，您还在等什么呢？是吧~</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【资讯】P站服务器爆炸啦。国内86%地区IP被限制~</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【公告】六趣公司9月底将彻底关闭66RPG论坛~</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【资讯】Project1站将接盘66RPG，新域名rpg.blue</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】央行决定对普惠金融实施定向降准政策 最高下调1.5个百分点</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】那些年看的剧里十大虐心情节，谁戳中了你的泪点？</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】惨遭魔改？派拉蒙将拍真人版《你的名字。》</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】外媒称中国限制日本跟团游?旅行社:仍正常发团</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】广电总局：电台电视台应在重要法定节日播放国歌</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】高校性教育课成"爆款" 老师都讲哪些"大尺度"内容?</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】vivo X20全面屏手机首销火爆 陈赫欧豪现身助力</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】“拒绝妻子手术”现场医生：病人丈夫被冤枉了</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】游客们注意了！国庆你要避开十大坑</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】他卖了1.5万双假货，现在面临10年牢狱！</a>
                            <a class="swiper-slide ep" href="udai_notice.html">【新闻】10月1日起国家再次提高部分优抚对象抚恤补助标准 烈属抚恤每年23130元</a>
                        </div>
                    </div>
                </div>
                <div class="buts-box bgf5">
                    <div class="but-div">
                        <a href="">
                            <i class="but-icon"></i>
                            <p>物流查询</p>
                        </a>
                    </div>
                    <div class="but-div">
                        <a href="item_sale_page.html">
                            <i class="but-icon"></i>
                            <p>热卖专区</p>
                        </a>
                    </div>
                    <div class="but-div">
                        <a href="item_sale_page.html">
                            <i class="but-icon"></i>
                            <p>满减专区</p>
                        </a>
                    </div>
                    <div class="but-div">
                        <a href="item_sale_page.html">
                            <i class="but-icon"></i>
                            <p>折扣专区</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="scroll-floor floor-2">
        <div class="floor-title">
            <i class="iconfont icon-skirt fz16"></i> 女装
            <div class="case-list fz0 pull-right">
                <a v-for="item in womenProtypes.level2" href="item_category.html">{{item.proname}}</a>
            </div>
        </div>
        <div class="con-box">
            <a class="left-img hot-img" href="">
                <img src="images/floor_2.jpg" alt="" class="cover">
            </a>
            <div class="right-box">
                <a v-for="item in womenHotProductList.list" @click="forPro(item.id)" href="javascript:void(0)" class="floor-item">
                    <div class="item-img hot-img">
                        <!--商品图片,以及商品名称-->
                        <img :src="item.imageurl" :alt="item.proname" class="cover">
                    </div>
                    <div class="price clearfix">
                        <!--商品价格-->
                        <span class="pull-left cr fz16">￥{{item.price}}</span>
                        <span class="pull-right c6">进货价</span>
                    </div>
                    <!--商品名称-->
                    <div class="name ep" :title="item.explain">{{item.proname}}</div>
                </a>
            </div>
        </div>
    </section>
    <section class="scroll-floor floor-3">
        <div class="floor-title">
            <i class="iconfont icon-fushi fz16"></i> 男装
            <div class="case-list fz0 pull-right">
                <a href="item_category.html" v-for="item in menProtypes.level2">{{item.proname}}</a>
            </div>
        </div>
        <div class="con-box">
            <a class="left-img hot-img" href="">
                <img src="images/floor_3.jpg" alt="" class="cover">
            </a>
            <div class="right-box">
                <a v-for="item in menHotProductList.list" @click="forPro(item.id)" href="javascript:void(0)" class="floor-item">
                    <div class="item-img hot-img">
                        <!--商品图片,以及商品名称-->
                        <img :src="item.imageurl" :alt="item.proname" class="cover">
                    </div>
                    <div class="price clearfix">
                        <!--商品价格-->
                        <span class="pull-left cr fz16">￥{{item.price}}</span>
                        <span class="pull-right c6">进货价</span>
                    </div>
                    <!--商品名称-->
                    <div class="name ep" :title="item.explain">{{item.proname}}</div>
                </a>
            </div>
        </div>
    </section>
    <section class="scroll-floor floor-4">
        <div class="floor-title">
            <i class="iconfont icon-kid fz16"></i> 活力童装
            <div class="case-list fz0 pull-right">
                <a href="item_category.html" v-for="item in childrenProtypes.level2">{{item.proname}}</a>
            </div>
        </div>
        <div class="con-box">
            <a class="left-img hot-img" href="">
                <img src="images/floor_4.jpg" alt="" class="cover">
            </a>
            <div class="right-box">
                <a v-for="item in girlHotProductList.list" @click="forPro(item.id)" href="javascript:void(0)" class="floor-item">
                    <div class="item-img hot-img">
                        <!--商品图片,以及商品名称-->
                        <img :src="item.imageurl" :alt="item.proname" class="cover">
                    </div>
                    <div class="price clearfix">
                        <!--商品价格-->
                        <span class="pull-left cr fz16">￥{{item.price}}</span>
                        <span class="pull-right c6">进货价</span>
                    </div>
                    <!--商品名称-->
                    <div class="name ep" :title="item.explain">{{item.proname}}</div>
                </a>
                <a v-for="item in boyHotProductList.list" @click="forPro(item.id)" href="javascript:void(0)" class="floor-item">
                    <div class="item-img hot-img">
                        <!--商品图片,以及商品名称-->
                        <img :src="item.imageurl" :alt="item.proname" class="cover">
                    </div>
                    <div class="price clearfix">
                        <!--商品价格-->
                        <span class="pull-left cr fz16">￥{{item.price}}</span>
                        <span class="pull-right c6">进货价</span>
                    </div>
                    <!--商品名称-->
                    <div class="name ep" :title="item.explain">{{item.proname}}</div>
                </a>
            </div>
        </div>
    </section>
    <section class="scroll-floor floor-5">
        <div class="floor-title">
            <i class="iconfont icon-bao fz16"></i> 时尚包包
            <div class="case-list fz0 pull-right">
                <a href="item_category.html" v-for="item in bagProtypes.level2">{{item.proname}}</a>
            </div>
        </div>
        <div class="con-box">
            <a class="left-img hot-img" href="">
                <img src="images/floor_5.jpg" alt="" class="cover">
            </a>
            <div class="right-box">
                <!--显示包包信息-->
                <a v-for="item in bagHotProductList.list" @click="forPro(item.id)" href="javascript:void(0)" class="floor-item">
                    <div class="item-img hot-img">
                        <!--商品图片,以及商品名称-->
                        <img :src="item.imageurl" :alt="item.proname" class="cover">
                    </div>
                    <div class="price clearfix">
                        <!--商品价格-->
                        <span class="pull-left cr fz16">￥{{item.price}}</span>
                        <span class="pull-right c6">进货价</span>
                    </div>
                    <!--商品名称-->
                    <div class="name ep" :title="item.explain">{{item.proname}}</div>
                </a>
            </div>
        </div>
    </section>
    <section class="scroll-floor floor-6">
        <div class="floor-title">
            <i class="iconfont icon-shoes fz16"></i> 鞋靴
            <div class="case-list fz0 pull-right">
                <a href="item_category.html" v-for="item in shoesProtypes.level2">{{item.proname}}</a>
            </div>
        </div>
        <div class="con-box">
            <a class="left-img hot-img" href="">
                <img src="images/floor_6.jpg" alt="" class="cover">
            </a>
            <div class="right-box">
                <!--显示鞋靴信息-->
                <a v-for="item in shoesHotProductList.list" @click="forPro(item.id)" href="javascript:void(0)" class="floor-item">
                    <div class="item-img hot-img">
                        <!--商品图片,以及商品名称-->
                        <img :src="item.imageurl" :alt="item.proname" class="cover">
                    </div>
                    <div class="price clearfix">
                        <!--商品价格-->
                        <span class="pull-left cr fz16">￥{{item.price}}</span>
                        <span class="pull-right c6">进货价</span>
                    </div>
                    <!--商品名称-->
                    <div class="name ep" :title="item.explain">{{item.proname}}</div>
                </a>
            </div>
        </div>
    </section>
</div>

<!-- 右侧菜单 -->
<div class="right-nav">
    <ul class="r-with-gotop">
        <li class="r-toolbar-item">
            <a href="udai_welcome.html" class="r-item-hd">
                <i class="iconfont icon-user"></i>
                <div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="udai_shopcart.html" class="r-item-hd">
                <i class="iconfont icon-cart" data-badge="10"></i>
                <div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="udai_collection.html" class="r-item-hd">
                <i class="iconfont icon-aixin"></i>
                <div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="" class="r-item-hd">
                <i class="iconfont icon-liaotian"></i>
                <div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="issues.html" class="r-item-hd">
                <i class="iconfont icon-liuyan"></i>
                <div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
            </a>
        </li>
        <li class="r-toolbar-item to-top">
            <i class="iconfont icon-top"></i>
            <div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
        </li>
    </ul>
</div>
<!-- 底部信息 -->
<div class="footer">
    <div class="footer-tags">
        <div class="tags-box inner">
            <div class="tag-div">
                <img src="images/icons/footer_1.gif" alt="厂家直供">
            </div>
            <div class="tag-div">
                <img src="images/icons/footer_2.gif" alt="一件代发">
            </div>
            <div class="tag-div">
                <img src="images/icons/footer_3.gif" alt="美工活动支持">
            </div>
            <div class="tag-div">
                <img src="images/icons/footer_4.gif" alt="信誉认证">
            </div>
        </div>
    </div>
    <div class="footer-links inner">
        <dl>
            <dt>U袋网</dt>
            <a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
            <a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
            <a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
        </dl>
        <dl>
            <dt>服务中心</dt>
            <a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
            <a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
            <a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
            <a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
        </dl>
        <dl>
            <dt>新手上路</dt>
            <a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
            <a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
            <a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
            <a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
        </dl>
    </div>
    <div class="copy-box clearfix">
        <ul class="copy-links">
            <a href="agent_level.html"><li>网店代销</li></a>
            <a href="class_room.html"><li>U袋学堂</li></a>
            <a href="udai_about.html"><li>联系我们</li></a>
            <a href="temp_article/udai_article10.html"><li>企业简介</li></a>
            <a href="temp_article/udai_article5.html"><li>新手上路</li></a>
        </ul>
        <!-- 版权 -->
        <p class="copyright">
            © 2005-2017 U袋网 版权所有，并保留所有权利<br>
            ICP备案证书号：闽ICP备16015525号-2&nbsp;&nbsp;&nbsp;&nbsp;福建省宁德市福鼎市南下村小区（锦昌阁）1栋1梯602室&nbsp;&nbsp;&nbsp;&nbsp;Tel: 18650406668&nbsp;&nbsp;&nbsp;&nbsp;E-mail: 18650406668@qq.com
        </p>
    </div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
        var vm=new Vue({
            el:"#vuebox",
            data:{
                //页面加载显示三级菜单数据开始
                womenProtypes:{},
                menProtypes:{},
                bagProtypes:{},
                childrenProtypes:{},
                shoesProtypes:{},
            //    页面加载显示三级菜单结束
            //    显示爆款
                hotProductList:{},
            //显示女装信息
                womenHotProductList:{},
                //显示古装男生衣服
                menHotProductList:{},
                //显示女孩古装
                girlHotProductList:{},
                //显示男孩古装
                boyHotProductList:{},
                //显示包包信息
                bagHotProductList:{},
                //鞋靴
                shoesHotProductList:{}
            },
            methods:{
                forPro:function (id) {
                    axios({url:"/pro/for/id", method:"get",
                        params:{proid:id}})
                        .then(res=>{
                            if(res.data!=null) {
                                // window.location.href="item_show.html";
                            }else {
                                alert("出现故障请联系管理员!");
                            }
                        });
                }
            },
            mounted(){
                //女装
                axios.get("/seleProtype",{params:{level2:"1"}}).then(res=>{
                    this.womenProtypes=res.data;
                }),
                //男装
                    axios.get("/seleProtype",{params:{level2:"2"}}).then(res=>{
                        this.menProtypes=res.data;
                    }),
                //包包
                    axios.get("/seleProtype",{params:{level2:"3"}}).then(res=>{
                        this.bagProtypes=res.data;
                    }),
                //童装
                    axios.get("/seleProtype",{params:{level2:"4"}}).then(res=>{
                        this.childrenProtypes=res.data;
                    }),
                //鞋靴
                    axios.get("/seleProtype",{params:{level2:"5"}}).then(res=>{
                        this.shoesProtypes=res.data;
                    }),
                //显示爆款商品信息
                axios.get("/seleProduct",{params:{typeid:"28"}}).then(res=>{
                    this.hotProductList=res.data.data;
                }),
                //显示女装信息
                axios.get("/seleProduct",{params:{typeid:"23"}}).then(res=>{
                    this.womenHotProductList=res.data.data;
                }),
                //显示男士古装
                axios.get("/seleProducttext",{params:{typeid:"2"}}).then(res=>{
                    this.menHotProductList=res.data.data;
                })
                //显示女童古装
                axios.get("/seleProduct",{params:{typeid:"17"}}).then(res=>{
                    this.girlHotProductList=res.data.data;
                }),
                //显示男孩古装
                    axios.get("/seleProducttext",{params:{typeid:"4"}}).then(res=>{
                        this.boyHotProductList=res.data.data;
                    }),
                //显示包包信息
                axios.get("/seleProducttext",{params:{typeid:"3"}}).then(res=>{
                    this.bagHotProductList=res.data.data;
                }),
            //    显示鞋靴
                    axios.get("/seleProducttext",{params:{typeid:"5"}}).then(res=>{
                        this.shoesHotProductList=res.data.data;
                    })
            }
    })
</script>


<script>
    $(function() {
        $('#verifyqq').click(function() {
            DJMask.open({
                width:"400px",
                height:"150px",
                title:"U袋网提示您：",
                content:"<b>该QQ不是客服-谨防受骗！</b>"
            });
        });
    });
</script>

<script>
    $(document).ready(function(){
        // 顶部banner轮播
        var banner_swiper = new Swiper('.banner-box', {
            autoplayDisableOnInteraction : false,
            pagination: '.banner-box .swiper-pagination',
            paginationClickable: true,
            autoplay : 5000,
        });
        // 新闻列表滚动
        var notice_swiper = new Swiper('.notice-box .swiper-container', {
            paginationClickable: true,
            mousewheelControl : true,
            direction : 'vertical',
            slidesPerView : 10,
            autoplay : 2e3,
        });
        // 楼层导航自动 active
        $.scrollFloor();
        // 页面下拉固定楼层导航
        $('.floor-nav').smartFloat();
        $('.to-top').toTop({position:false});
    });
</script>
